<div bsModal #actionModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="actionModal"
  aria-hidden="true" [config]="{backdrop: 'static'}">
  <div class="modal-dialog modal-xxl">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">
          {{ title }}管理
        </h4>
        <button type="button" class="close" (click)="close()" [attr.aria-label]="l('Close')">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>

      <div class="modal-body">
        <div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading">
          <tabset class="tab-container tabbable-line">
            <tab heading="批量管理" (select)="tabSelect(1)" customClass="m-tabs__item">
              <p-table #carDataTable [value]="carToolings" [(selection)]="selectCarToolings" [paginator]="false"
                [lazy]="true" [scrollable]="true" ScrollWidth="100%" [responsive]="primengTableHelper.isResponsive"
                [resizableColumns]="primengTableHelper.resizableColumns">
                <ng-template pTemplate="header">
                  <tr>
                    <th style="width: 38px">
                      <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
                    </th>
                    <th style="width: 150px" pSortableColumn="title">
                        名称
                        <p-sortIcon field="title"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="subTitle">
                        工装图号
                        <p-sortIcon field="subTitle"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="isDrawing">
                        有无图纸
                        <p-sortIcon field="isDrawing"></p-sortIcon>
                      </th>
                      <th style="width: 250px">
                        对应产品图号
                      </th>
                      <th style="width: 150px" pSortableColumn="model">
                        型号
                        <p-sortIcon field="model"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="stamp">
                        钢印号
                        <p-sortIcon field="stamp"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="location">
                        位置
                        <p-sortIcon field="location"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="category">
                        类别
                        <p-sortIcon field="category"></p-sortIcon>
                      </th>
                      <th style="width: 150px">
                        工装类型
                      </th>
                      <th style="width: 150px" pSortableColumn="manufactureDate">
                        制造日期
                        <p-sortIcon field="manufactureDate"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="intoStockDate">
                        入库日期
                        <p-sortIcon field="intoStockDate"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="receiptTime">
                        接收时间
                        <p-sortIcon field="receiptTime"></p-sortIcon>
                      </th>

                      <th style="width: 150px" pSortableColumn="manufacturer">
                        制造单位
                        <p-sortIcon field="manufacturer"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="groupParts">
                        组配件
                        <p-sortIcon field="groupParts"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="certificate">
                        有无合格证
                        <p-sortIcon field="certificate"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="handover">
                        有无交接单
                        <p-sortIcon field="handover"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="toolingRecord">
                        有无履历卡
                        <p-sortIcon field="toolingRecord"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="isVerificationCard">
                        有无检定卡
                        <p-sortIcon field="isVerificationCard"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="isNeedVerification">
                        需周期检定
                        <p-sortIcon field="isNeedVerification"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="verificationDate">
                        鉴定日期
                        <p-sortIcon field="verificationDate"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="nextVerificationDate">
                        鉴定有效期
                        <p-sortIcon field="nextVerificationDate"></p-sortIcon>
                      </th>

                      <th style="width: 150px">
                        其他资料
                      </th>
                      <th style="width: 150px">
                        最大载荷
                      </th>
                      <th style="width: 150px">
                        所属资产
                      </th>
                      <th style="width: 150px">
                        责任人
                      </th>
                      <th style="width: 150px">
                        工艺员
                      </th>
                      <th style="width: 200px">
                        备注
                      </th>
                  </tr>
                </ng-template>
                <ng-template pTemplate="body" let-record="$implicit">
                  <tr>
                    <td style="width: 38px">
                      <p-tableCheckbox [value]="record"></p-tableCheckbox>
                    </td>
                    <td style="width: 150px">
                        <span class="ui-column-title"> 名称</span>
                        {{ record.title }} <span class="m-badge m-badge--danger">{{ record.statusName }}</span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 工装图号</span>
                        {{record.subTitle}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 有无图纸</span>
                        <span *ngIf="record.isDrawing === null"></span>
                        <span *ngIf="record.isDrawing">有</span>
                        <span *ngIf="record.isDrawing !== null && !record.isDrawing">无</span>
                      </td>
                      <td style="width: 250px">
                        <span class="ui-column-title"> 对应产品图号</span>
                        {{record.drawingCodes}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 型号</span>
                        {{record.model}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 钢印号</span>
                        {{record.stamp}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 位置</span>
                        {{record.location}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 检定类别</span>
                        {{record.categoryName}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 工装类型</span>
                        {{record.classificationName}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 制造日期</span>
                        {{ record.manufactureDate | momentFormat:'YYYY-MM-DD'}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 入库日期</span>
                        {{ record.intoStockDate | momentFormat:'YYYY-MM-DD'}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 接收时间</span>
                        {{ record.receiptTime | momentFormat:'YYYY-MM-DD'}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 制造单位</span>
                        {{record.manufacturer}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 组配件</span>
                        {{record.groupParts}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 有无合格证</span>
                        <span *ngIf="record.certificate === null"></span>
                        <span *ngIf="record.certificate">有</span>
                        <span *ngIf="record.certificate !== null && !record.certificate">无</span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 有无交接单</span>
                        <span *ngIf="record.handover === null"></span>
                        <span *ngIf="record.handover">有</span>
                        <span *ngIf="record.handover !== null && !record.handover">无</span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 有无履历卡</span>
                        <span *ngIf="record.toolingRecord === null"></span>
                        <span *ngIf="record.toolingRecord">有</span>
                        <span *ngIf="record.toolingRecord !== null && !record.toolingRecord">无</span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 有无检定卡</span>
                        <span *ngIf="record.isVerificationCard === null"></span>
                        <span *ngIf="record.isVerificationCard">有</span>
                        <span *ngIf="record.isVerificationCard !== null && !record.isVerificationCard">无</span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 需周期检定</span>
                        <span *ngIf="record.isNeedVerification">是</span>
                        <span *ngIf="!record.isNeedVerification">否</span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 鉴定日期</span>
                        {{ record.verificationDate | momentFormat:'YYYY-MM-DD'}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 鉴定有效期</span>
                        {{ record.nextVerificationDate | momentFormat:'YYYY-MM-DD'}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 其他资料</span>
                        {{record.groupParts}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 最大载荷</span>
                        {{record.maxLoad}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 所属资产</span>
                        {{record.belongTo}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 责任人</span>
                        {{record.responsible}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 工艺员</span>
                        {{record.technologist}}
                      </td>
                      <td style="width: 200px">
                        <span class="ui-column-title"> 备注</span>
                        {{record.remark}}
                      </td>
                  </tr>
                </ng-template>
              </p-table>

              <div class="row" style="margin-top: 40px;">
                <div class="col-6">
                  <div class="form-group">
                    <label for="outStockInfo">{{ title }}信息</label>
                    <input id="outStockInfo" type="text" name="outStockInfo" class="form-control" [(ngModel)]="outStockInfo">
                  </div>
                </div>
                <div class="col-6">
                  <div class="form-group">
                    <label for="outRemark">{{ title }}备注</label>
                    <input id="outRemark" type="text" name="outRemark" class="form-control" [(ngModel)]="outRemark">
                  </div>
                </div>
              </div>

              <div style="text-align: right;">
                <button type="button" (click)="outStocks()" class="btn btn-primary" [disabled]="!selectCarToolings.length"
                  [buttonBusy]="saving" [busyText]="title + '中...'"><i class="fa fa-save"></i> <span>{{ title }}</span></button>
              </div>

            </tab>
            <tab heading="入库管理" (select)="tabSelect(2)" customClass="m-tabs__item">
              <p-table #outDataTable (onLazyLoad)="getOutToolings($event)" [value]="outToolings" [(selection)]="selectOutToolings"
                rows="{{primengTableHelper.defaultRecordsCountPerPage}}" [paginator]="false" [lazy]="true" [scrollable]="true"
                ScrollWidth="100%" [responsive]="primengTableHelper.isResponsive" [resizableColumns]="primengTableHelper.resizableColumns">
                <ng-template pTemplate="header">
                  <tr>
                    <th style="width: 38px">
                      <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
                    </th>
                    <th style="width: 150px" pSortableColumn="title">
                        名称
                        <p-sortIcon field="title"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="subTitle">
                        工装图号
                        <p-sortIcon field="subTitle"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="isDrawing">
                        有无图纸
                        <p-sortIcon field="isDrawing"></p-sortIcon>
                      </th>
                      <th style="width: 250px">
                        对应产品图号
                      </th>
                      <th style="width: 150px" pSortableColumn="model">
                        型号
                        <p-sortIcon field="model"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="stamp">
                        钢印号
                        <p-sortIcon field="stamp"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="location">
                        位置
                        <p-sortIcon field="location"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="category">
                        类别
                        <p-sortIcon field="category"></p-sortIcon>
                      </th>
                      <th style="width: 150px">
                        工装类型
                      </th>
                      <th style="width: 150px" pSortableColumn="manufactureDate">
                        制造日期
                        <p-sortIcon field="manufactureDate"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="intoStockDate">
                        入库日期
                        <p-sortIcon field="intoStockDate"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="receiptTime">
                        接收时间
                        <p-sortIcon field="receiptTime"></p-sortIcon>
                      </th>

                      <th style="width: 150px" pSortableColumn="manufacturer">
                        制造单位
                        <p-sortIcon field="manufacturer"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="groupParts">
                        组配件
                        <p-sortIcon field="groupParts"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="certificate">
                        有无合格证
                        <p-sortIcon field="certificate"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="handover">
                        有无交接单
                        <p-sortIcon field="handover"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="toolingRecord">
                        有无履历卡
                        <p-sortIcon field="toolingRecord"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="isVerificationCard">
                        有无检定卡
                        <p-sortIcon field="isVerificationCard"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="isNeedVerification">
                        需周期检定
                        <p-sortIcon field="isNeedVerification"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="verificationDate">
                        鉴定日期
                        <p-sortIcon field="verificationDate"></p-sortIcon>
                      </th>
                      <th style="width: 150px" pSortableColumn="nextVerificationDate">
                        鉴定有效期
                        <p-sortIcon field="nextVerificationDate"></p-sortIcon>
                      </th>

                      <th style="width: 150px">
                        其他资料
                      </th>
                      <th style="width: 150px">
                        最大载荷
                      </th>
                      <th style="width: 150px">
                        所属资产
                      </th>
                      <th style="width: 150px">
                        责任人
                      </th>
                      <th style="width: 150px">
                        工艺员
                      </th>
                      <th style="width: 200px">
                        备注
                      </th>
                  </tr>
                </ng-template>
                <ng-template pTemplate="body" let-record="$implicit">
                  <tr>
                    <td style="width: 38px">
                      <p-tableCheckbox [value]="record"></p-tableCheckbox>
                    </td>
                    <td style="width: 150px">
                        <span class="ui-column-title"> 名称</span>
                        {{ record.title }} <span class="m-badge m-badge--danger">{{ record.statusName }}</span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 工装图号</span>
                        {{record.subTitle}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 有无图纸</span>
                        <span *ngIf="record.isDrawing === null"></span>
                        <span *ngIf="record.isDrawing">有</span>
                        <span *ngIf="record.isDrawing !== null && !record.isDrawing">无</span>
                      </td>
                      <td style="width: 250px">
                        <span class="ui-column-title"> 对应产品图号</span>
                        {{record.drawingCodes}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 型号</span>
                        {{record.model}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 钢印号</span>
                        {{record.stamp}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 位置</span>
                        {{record.location}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 检定类别</span>
                        {{record.categoryName}}
                        <span *ngIf="record.nextVerificationDate && record.nextVerificationDate.diff(nowMoment,'days') <= 30">
                          <span style='display:block;'>送检日期:<br>
                            <b style='color:red;'> {{ record.nextVerificationDate | momentFormat:'YYYY-MM-DD'}}</b>
                          </span>
                        </span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 工装类型</span>
                        {{record.classificationName}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 制造日期</span>
                        {{ record.manufactureDate | momentFormat:'YYYY-MM-DD'}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 入库日期</span>
                        {{ record.intoStockDate | momentFormat:'YYYY-MM-DD'}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 接收时间</span>
                        {{ record.receiptTime | momentFormat:'YYYY-MM-DD'}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 制造单位</span>
                        {{record.manufacturer}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 组配件</span>
                        {{record.groupParts}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 有无合格证</span>
                        <span *ngIf="record.certificate === null"></span>
                        <span *ngIf="record.certificate">有</span>
                        <span *ngIf="record.certificate !== null && !record.certificate">无</span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 有无交接单</span>
                        <span *ngIf="record.handover === null"></span>
                        <span *ngIf="record.handover">有</span>
                        <span *ngIf="record.handover !== null && !record.handover">无</span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 有无履历卡</span>
                        <span *ngIf="record.toolingRecord === null"></span>
                        <span *ngIf="record.toolingRecord">有</span>
                        <span *ngIf="record.toolingRecord !== null && !record.toolingRecord">无</span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 有无检定卡</span>
                        <span *ngIf="record.isVerificationCard === null"></span>
                        <span *ngIf="record.isVerificationCard">有</span>
                        <span *ngIf="record.isVerificationCard !== null && !record.isVerificationCard">无</span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 需周期检定</span>
                        <span *ngIf="record.isNeedVerification">是</span>
                        <span *ngIf="!record.isNeedVerification">否</span>
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 鉴定日期</span>
                        {{ record.verificationDate | momentFormat:'YYYY-MM-DD'}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 鉴定有效期</span>
                        {{ record.nextVerificationDate | momentFormat:'YYYY-MM-DD'}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 其他资料</span>
                        {{record.groupParts}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 最大载荷</span>
                        {{record.maxLoad}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 所属资产</span>
                        {{record.belongTo}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 责任人</span>
                        {{record.responsible}}
                      </td>
                      <td style="width: 150px">
                        <span class="ui-column-title"> 工艺员</span>
                        {{record.technologist}}
                      </td>
                      <td style="width: 200px">
                        <span class="ui-column-title"> 备注</span>
                        {{record.remark}}
                      </td>
                  </tr>
                </ng-template>
              </p-table>
              <div class="primeng-no-data" *ngIf="primengTableHelper.totalRecordsCount == 0">
                {{l('NoData')}}
              </div>
              <div class="primeng-paging-container">
                <p-paginator rows="{{primengTableHelper.defaultRecordsCountPerPage}}" #outPaginator (onPageChange)="getOutToolings($event)"
                  [totalRecords]="primengTableHelper.totalRecordsCount" [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage">
                </p-paginator>
                <span class="total-records-count">
                  共计：{{primengTableHelper.totalRecordsCount}}
                </span>
              </div>

              <div class="row" style="margin-top: 40px;">
                <div class="col-6">
                  <div class="form-group">
                    <label for="backStockInfo">入库信息</label>
                    <input id="backStockInfo" type="text" name="backStockInfo" class="form-control" [(ngModel)]="backStockInfo">
                  </div>
                </div>
                <div class="col-6">
                  <div class="form-group">
                    <label for="backRemark">入库备注</label>
                    <input id="backRemark" type="text" name="backRemark" class="form-control" [(ngModel)]="backRemark">
                  </div>
                </div>
              </div>

              <div style="text-align: right;">
                <button type="button" (click)="backStocks()" class="btn btn-primary" [disabled]="!selectOutToolings.length"
                  [buttonBusy]="saving" [busyText]="'入库中...'"><i class="fa fa-save"></i> <span> 入库 </span></button>
              </div>
            </tab>
            <tab heading="日志管理" (select)="tabSelect(3)" customClass="m-tabs__item">
              <p-table #logDataTable (onLazyLoad)="getToolingLogs($event)" [value]="toolingLogs"
                rows="{{primengTableHelper.defaultRecordsCountPerPage}}" [paginator]="false" [lazy]="true" [scrollable]="true"
                ScrollWidth="100%" [responsive]="primengTableHelper.isResponsive" [resizableColumns]="primengTableHelper.resizableColumns">
                <ng-template pTemplate="header">
                  <tr>
                    <th style="width: 150px">
                      操作类型
                    </th>
                    <th style="width: 150px">
                      出库信息
                    </th>
                    <th style="width: 150px" pSortableColumn="outDate">
                      出库时间
                      <p-sortIcon field="outDate"></p-sortIcon>
                    </th>
                    <th style="width: 200px">
                      出库备注
                    </th>
                    <th style="width: 150px">
                      入库信息
                    </th>
                    <th style="width: 150px" pSortableColumn="backDate">
                      入库时间
                      <p-sortIcon field="backDate"></p-sortIcon>
                    </th>
                    <th style="width: 200px">
                      入库备注
                    </th>
                  </tr>
                </ng-template>
                <ng-template pTemplate="body" let-record="$implicit">
                  <tr>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 操作类型</span>
                      {{record.operationName}}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 出库信息</span>
                      {{record.outStockInfo}}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 出库时间</span>
                      {{record.outDate | momentFormat:'YYYY-MM-DD'}}
                    </td>
                    <td style="width: 200px">
                      <span class="ui-column-title"> 出库备注</span>
                      {{record.outRemark}}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 入库信息</span>
                      {{record.backStockInfo}}
                    </td>
                    <td style="width: 150px">
                      <span class="ui-column-title"> 入库时间</span>
                      {{record.backDate | momentFormat:'YYYY-MM-DD'}}
                    </td>
                    <td style="width: 200px">
                      <span class="ui-column-title"> 入库备注</span>
                      {{record.backRemark}}
                    </td>

                  </tr>
                </ng-template>
              </p-table>
              <div class="primeng-no-data" *ngIf="primengTableHelper.totalRecordsCount == 0">
                {{l('NoData')}}
              </div>
              <div class="primeng-paging-container">
                <p-paginator rows="{{primengTableHelper.defaultRecordsCountPerPage}}" #logPaginator (onPageChange)="getToolingLogs($event)"
                  [totalRecords]="primengTableHelper.totalRecordsCount" [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage">
                </p-paginator>
                <span class="total-records-count">
                  共计：{{primengTableHelper.totalRecordsCount}}
                </span>
              </div>
            </tab>
          </tabset>
        </div>
      </div>
    </div>
  </div>
</div>
